<template>
    <div class="nodataBody">
        <div class="inner">
            <img src="./images/404bg.jpg" alt="" class="bg404">
            <p class="sorryText">很抱歉，你来晚了一步，它已经任性的消失了... <br/>你要坚强些，继续发掘别的页面去吧</p>
            <div class="operation">
                <a @click="returns" href="javascript:void(0);">返回上一页</a>
                <router-link to="/homepage">首页</router-link>
            </div>
        </div>
    </div>
</template>

<style lang="less">
.nodataBody {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  .inner {
    width: 603px;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    .bg404 {
      width: 100%;
    }
    .sorryText {
      color: #666;
      line-height: 24px;
      margin-top: 23px;
      padding-left: 60px;
    }
    .operation {
      padding-left: 60px;
      margin-top: 23px;
      a {
        display: inline-block;
        height: 30px;
        line-height: 28px;
        border: 1px solid #0db4b9;
        border-radius: 4px;
        text-align: center;
        color: #0db4b9;
        font-size: 14px;
        padding: 0 10px;
        margin-right: 10px;
      }
    }
  }
}
</style>

<script>
export default {
  name: "nodatapage",
  methods: {
    returns() {
      history.go(-1);
    }
  }
};
</script>
